{% extends "base.html" %}
{% block title %}Doctor Financials - Quick Care Connect{% endblock %}
{% block content %}
<div class="container-fluid px-2 px-md-3 py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="mb-0"><i class="fas fa-wallet me-2" style="color: #10b981;"></i>{{ doctor.user.name }} – Financials</h2>
        <a href="{{ url_for('admin.doctors') }}" class="btn btn-outline-secondary btn-sm">Back to Doctors</a>
    </div>
    <div class="row mb-4 g-3">
        <div class="col-md-3">
            <div class="card qc-admin-card border-0 shadow-sm rounded-4 h-100">
                <div class="card-body">
                    <div class="text-muted small">Balance</div>
                    <div class="h4 text-success mb-0">PKR {{ "%.2f"|format(doctor.balance) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card qc-admin-card border-0 shadow-sm rounded-4 h-100">
                <div class="card-body">
                    <div class="text-muted small">Total Earned</div>
                    <div class="h4 text-primary mb-0">PKR {{ "%.2f"|format(doctor.total_earned) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card qc-admin-card border-0 shadow-sm rounded-4 h-100">
                <div class="card-body">
                    <div class="text-muted small">Total Withdrawn</div>
                    <div class="h4 text-info mb-0">PKR {{ "%.2f"|format(doctor.total_withdrawn) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card qc-admin-card border-0 shadow-sm rounded-4 h-100">
                <div class="card-body">
                    <div class="text-muted small">Total Penalties</div>
                    <div class="h4 text-danger mb-0">PKR {{ "%.2f"|format(doctor.total_penalties) }}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="card qc-admin-card border-0 shadow-sm rounded-4 mb-4 overflow-hidden">
        <div class="card-header bg-white border-bottom py-3"><h5 class="mb-0">Transactions</h5></div>
        <div class="card-body p-0">
            {% if transactions %}
            <table class="table table-hover mb-0">
                <thead class="table-light"><tr><th>Date</th><th>Type</th><th>Description</th><th class="text-end">Amount</th></tr></thead>
                <tbody>
                    {% for t in transactions %}
                    <tr>
                        <td>{{ t.created_at.strftime('%d %b %Y %H:%M') if t.created_at else '-' }}</td>
                        <td><span class="badge {% if t.transaction_type == 'earning' %}bg-success{% elif t.transaction_type == 'penalty' %}bg-danger{% else %}bg-info{% endif %}">{{ t.transaction_type }}</span></td>
                        <td>{{ t.description[:60] }}{% if t.description|length > 60 %}...{% endif %}</td>
                        <td class="text-end {% if t.amount >= 0 %}text-success{% else %}text-danger{% endif %}">{{ "%+.2f"|format(t.amount) }} PKR</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% else %}
            <div class="text-center py-4 text-muted">No transactions.</div>
            {% endif %}
        </div>
    </div>
    <div class="card qc-admin-card border-0 shadow-sm rounded-4 overflow-hidden">
        <div class="card-header bg-white border-bottom py-3"><h5 class="mb-0">Payout Requests</h5></div>
        <div class="card-body p-0">
            {% if payout_requests %}
            <table class="table table-hover mb-0">
                <thead class="table-light"><tr><th>Amount</th><th>Status</th><th>Requested</th><th>Processed</th></tr></thead>
                <tbody>
                    {% for p in payout_requests %}
                    <tr>
                        <td>PKR {{ "%.2f"|format(p.amount) }}</td>
                        <td><span class="badge {% if p.status == 'pending' %}bg-warning{% elif p.status in ['approved','paid'] %}bg-success{% else %}bg-danger{% endif %}">{{ p.status }}</span></td>
                        <td>{{ p.requested_at.strftime('%d %b %Y %H:%M') if p.requested_at else '-' }}</td>
                        <td>{{ p.processed_at.strftime('%d %b %Y') if p.processed_at else '-' }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% else %}
            <div class="text-center py-4 text-muted">No payout requests.</div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}